<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="shortcut icon" href="assets/favicon.png" type="image/png" />
  <title>Notes Taking App</title>
  <link rel="stylesheet" href="style.css" />
</head>

<body>
  <h1>Notes Taking App</h1>
  <div id="app">
    <!-- Added a delete button. It will work when we click it, a delete icon will appear and existing notes can be deleted by clicking them. 
      When we are done with deleting we will click it again and the icon will disappear 
    The deleting will be stopped also if we start adding new notes.-->

    <button class="add-note" type="button">+</button>
  </div>
  <footer>
    <p>
      &#x3c; &#47; &#x3e; with ❤️ by
      <a target="_blank" href="https://atharv110.co/">Atharv Vani</a>
      <br />
      <a href="https://github.com/swapnilsparsh/30DaysOfJavaScript.git" target="_blank">#30DaysOfJavaScript
      </a>
    </p>
  </footer>
  <script src="script.js"></script>
</body>

</html>